<template>
    <div class="tabs">
        <router-link to="/cityJkong" class="aitem">
            <i class="el-icon-s-order" ></i>
            <div>市疾控主页</div>
        </router-link>
        <router-link to="/personalinfo" class="aitem">
            <i class="el-icon-user-solid"></i>
            <div>个人中心</div>
        </router-link>
    </div>
</template>

<style lang="scss" scoped>
.tabs{
    width:100%;
    position: fixed;
    bottom:0;
    left:0;
    height:48px;
    background: #fff;
    display: flex;
    .router-link-active{
        color:#E21B1B  !important;
    }
    .aitem{
        display: flex;
        flex:1;
        height:44px;
        justify-content: center;
        align-items: center;
        color:#999999;
        font-size: 16px;
        i{
            margin-top:2px;
        }
        span{
            font-size: 16px;
            margin-left:6px;
            font-weight: 400;
        }
    }
}
</style>